/*
 * Responsive CSS
 * ============================================
 */
/* @group Smallest Possible View */
@media (max-width:185px) {
    #idox-logo {
        display: none !important; /*hide logo to squeeze in buttons*/
    }

}

@media (max-width:280px) {
    #app-header .brand {
        display: none; /*hide brands to fit in buttons*/
    }

    #app-header #simple-search input.search-query {
        max-width: 55%;
    }

}

/* @end */
/* @group Portrait phones <  */
@media (max-width: 480px) {
    .swipe-page {
        padding-left: 10px;
    }

    #tab-wrapper, #full-document-image {
        width: 100%;
    }

    #advanced-search .form-horizontal .controls {
        margin-bottom: 18px;
    }

    #search-button.menu-btn {
        display: inline;
    }

    .hide-mobile, footer {
        display: none !important;
    }

    .thumbnails > li {
        margin-left: 0;
    }

    .search-result.span3 {
        width: 100%;
    }

    .panel {
        width: 100% !important; /* stretch panels to full width*/
    }

    .search-page .thumbnails {
        margin-left: 55px;
    }

    .thumb-info {
        display: none;
    }

    html #app-body {
        bottom: 0; /*footer is removed*/
    }

}

/*
 * @group portrait Phone >
 */
@media (min-width:480px) {
    /* remove the transform animation on the buttons when the screen returns to normal */
    #app-header #top-buttons.stage-right {
        -webkit-transform: none;
        -moz-transform: none;
        -o-transform: none;
        -ms-transform: none;
        transform: none;
        position: relative;
    }

}

@media (max-device-width:480px) {
    #search-results-grid-view .swipe-wrapper:not(.search-page.filled) {
        display: none;
    }

    #search-results-grid-view .swipe-wrapper .search-page {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        filter: alpha(opacity = 100);
        opacity: 1;
    }

}

/*@end*/
/*
 * @group Portrait Tablet <
 */
@media (max-width:767px) {
    #advanced-search {
        height: 100%;
    }

    html #advanced-search-form {
        padding: 0 10px 10px 10px !important;
    }

    .navbar-inner, body {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }

    html .search-page.active .thumbnails {
        -webkit-animation: none;
        -moz-animation: none;
        -ms-animation: none;
        -o-animation: none;
        animation: none;
    }

    html .search-page .thumbnails {
        margin-left: 0;
    }

    .active .thumbnails {
        margin-left: -55px !important;
    }

    html #full-document, html #tab-wrapper {
        overflow: visible !important;
        height: auto;
    }

    .row-fluid input {
        width: 100%;
    }

    #app-header input.search-query {
        max-width: 185px;
    }

}

/* @end */
/*
 * Portrait Tablets Only
 */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation:portrait) {
    #search-results-side-wrapper, #doc-tabs {
        display: none;
    }

    #full-document, #full-document-image {
        width: 100% !important;
        margin-left: 0 !important;
    }

}

/* @end */
/*@group Tablets */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    .container-fluid {
        padding-right: 0;
        padding-left: 0;
    }

}

/* @end*/
/* @group Tablet Landscape <  */
@media (max-device-width:1024px) {
    #advanced-search-form input {
        height: 40px;
    }

    .thumbnails .span4 {
        width: 280px;
    }

    html .search-result {
        min-width: 190px;
        width: 190px;
    }

    #advanced-search button {
        padding: 10px 20px 10px 20px; /* pad the buttons*/
    }

}

/* @group Portrait Landscape Tablet */
@media (min-width: 768px)and (max-width: 979px) {
    html .thumb-info {
        display: none !important;
    }
}

/*
 * @group Portrait Landscape Tablet
 */
@media (min-width: 768px) {
    .swipe-page {
        padding-left: 40px;
    }

}

/*@end*/
/* @group Phone, Tablet & Desktop*/
@media (max-width: 979px) {
    .navbar-fixed-top, .navbar-fixed-bottom {
        margin-right: 0;
        margin-left: 0;
    }

}

/* @end */
/*@end*/